<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>名胜古迹</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
</head>
<body>
<div class="h-bg">
    <div class="container">
        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
            </div>
            <div class="foot-search">
                <form>
                    <input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
                    <input type="submit" value="Search">
                </form>
            </div>
            <div class="clear"></div>
        </div>
        <div class="nav-collapse nav-collapse_ collapse">
            <ul class="nav sf-menu clearfix sf-js-enabled">
                <li class="active color-1"><a href="index.html">Home</a></li>
                <li class="sub-menu color-2"><a href="custom.html">Customs</a>
                    <ul style="display: none;" class="sub-menu">
                        <li class="sub-menu-1"><a href="custom.html">Custom 01</a>
                            <ul style="display: none;" class="sub-menu">
                                <li><a href="custom.html">Custom 04</a></li>
                                <li><a href="custom.html">Custom 05</a></li>
                                <li><a href="custom.html">Custom 06</a></li>
                            </ul>
                        </li>
                        <li><a href="custom.html">Custom 02</a></li>
                        <li><a href="custom.html">Custom 03</a></li>
                    </ul>
                </li>
                <li class="color-3"><a href="development.html">Developments</a></li>
                <li class="color-4"><a href="favourites.html">Favourites</a></li>
                <li class="color-5"><a href="places_of_interests.html">Places_Of_Interests</a></li>
                <li class="color-6"><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<div class="main-bg">
    <div class="container">
        <div class="main-wrp">
            <div class="artists">
                <div class="product-grids">
                    <div class="bloder-content">
                        <h6>Places ofInterests</h6>
                        <div class="product-grid">
                            <img src="./images/scene_1.jpg" alt="名胜古迹--黄光山" />
                            <h4>黄光山</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_2.jpg" alt="名胜古迹--客鸟尾" />
                            <h4>客鸟尾</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_3.jpg" alt="名胜古迹--靖海古堡" />
                            <h4>靖海古堡</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_4.jpg" alt="名胜古迹--航标塔" />
                            <h4>航标塔</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_5.jpg" alt="名胜古迹--神泉港" />
                            <h4>神泉港</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_6.jpg" alt="名胜古迹--惠来一中连登楼" />
                            <h4>惠来一中连登楼</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_7.jpg" alt="名胜古迹--龙泉山庄风景区" />
                            <h4>龙泉山庄风景区</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_8.jpg" alt="名胜古迹--百花尖风景区" />
                            <h4>百花尖风景区</h4>
                        </div>
                        <div class="product-grid">
                            <img src="./images/scene_9.jpg" alt="名胜古迹--清水岩" />
                            <h4>清水岩</h4>
                        </div>
                    </div>
                </div>
                <div class="services-sidebar">
                    <h4>目录</h4>
                    <ul>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--黄光山</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--客鸟尾</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--靖海古堡</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--航标塔</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--神泉港</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--连登楼</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--龙泉山庄</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--百花尖风景区</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">名胜古迹--清水岩</a></li>
                        <li>»&nbsp;&nbsp;<a href="#">...... </a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
    </div>
</body>
</html>